<template>
  <div class="personalreport">
    <van-nav-bar title="个人报表">
      <van-icon slot="left" name="arrow-left" @click="$router.push('/my')" />
    </van-nav-bar>
    <van-panel title="2021年04月12日报表" icon="balance-list">
      <div class="row">
        <span>充值总额: 0.000</span>
        <span>提款总额: 0.000</span>
      </div>
      <div class="row">
        <span>团购总额: 0.000</span>
        <span>盈利总额: 0.000</span>
      </div>
      <div class="row">
        <span>总计盈亏: 0.000</span>
        <span>团购返点: 0.000</span>
      </div>
    </van-panel>
    <van-panel title="2021年04月12日报表" icon="balance-list">
      <div class="row">
        <span>充值总额: 0.000</span>
        <span>提款总额: 0.000</span>
      </div>
      <div class="row">
        <span>团购总额: 0.000</span>
        <span>盈利总额: 0.000</span>
      </div>
      <div class="row">
        <span>总计盈亏: 0.000</span>
        <span>团购返点: 0.000</span>
      </div>
    </van-panel>
    <van-panel title="2021年04月12日报表" icon="balance-list">
      <div class="row">
        <span>充值总额: 0.000</span>
        <span>提款总额: 0.000</span>
      </div>
      <div class="row">
        <span>团购总额: 0.000</span>
        <span>盈利总额: 0.000</span>
      </div>
      <div class="row">
        <span>总计盈亏: 0.000</span>
        <span>团购返点: 0.000</span>
      </div>
    </van-panel>
    <van-panel title="2021年04月12日报表" icon="balance-list">
      <div class="row">
        <span>充值总额: 0.000</span>
        <span>提款总额: 0.000</span>
      </div>
      <div class="row">
        <span>团购总额: 0.000</span>
        <span>盈利总额: 0.000</span>
      </div>
      <div class="row">
        <span>总计盈亏: 0.000</span>
        <span>团购返点: 0.000</span>
      </div>
    </van-panel>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.personalreport {
  background-color: #f0f0f0;
  height: 100vh;
  /deep/.van-nav-bar__title,
  .van-icon-arrow-left {
    font-size: 35px;
  }
  /deep/ .van-icon-balance-list {
    color: orange;
    font-size: 50px;
  }
  .van-panel__header {
    font-weight: 700;
    margin-top: 20px;
  }
  .row {
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
    span {
      font-size: 30px;
    }
  }
}
</style>
